<template>
  <div class="page__header">
    <button class="page__header-btn-back" @click="back"></button>
    {{title}}
    <span class="page_report" @click="jumpReport">报表</span>
  </div>
</template>

<script>
    export default {
      name: 'HeaderReport',
      props: ["title"],
      data() {
        return {
        }
      },
      methods:{
        back(){
          this.$router.go(-1)
        },
        jumpReport(){
          this.$router.push({name: 'ComprehensiveScoreReport'})
        }
      },
    }
</script>
<style lang="scss" scoped>
  .page_report{
    float: right;
    padding-right: 10px;
    color: #999999;
    font-size: 16px;

    &::before {
       content: "";
       position: absolute;
       width: 14px;
       height: 14px;
       background: url(~@/assets/images/comprehensiveScore/icon-report.png);
       background-size: 100% 100%;
       right: 12%;
       top: 51%;
       margin-top: -8px;
     }
  }
</style>
